# exports、module.exports 和 export、export default

# node模块

导出：exports 或者 module.exports

引入：require

// 为了避免糊涂，尽量都用 module.exports 导出，然后用require导入

# ES6模块

导出：export 或者 export default

引入：import

聊聊到底咋回事

💁‍♂

require ：node 和 es6 都支持的引入

export / import : 只有es6支持导出和引入

module.exports / exports : 只有 node 支持的导出

**vue-cli中可使用如下：export ，export default , module.exports , exports / import , require **

# 导出（4中方式）

//1
export const a = b.a;
export function foo(){console.log(a)}
//2
export default{
    a:'这是准备导入的参数a',
    foo2:function(){
        console.log(a)
    },
},
//3
let obj = {
a:'这是准备导入的参数a',
    foo2:function(){
        console.log(a)
    },
};
module.exports = obj;

//4
exports.a = 1000;
exports.foo = function(){};

exports = module.exports = {};
exports = module.exports = obj;

# 引入（2种方式）

import obj from '../../assets/js/export';
import {a,foo} from '../../assets/js/export';

let obj = require('../../assets/js/export');

# exports 和 module.exports

exports 只是 module.exports的引用，辅助后者添加内容用的
require 导出的内容是module.exports的指向的内存块内容
exports只辅助module.exports操作内存中的数据
真正被require出去的内容还是module.exports的

# export 和 export default

export与export default均可用于导出常量、函数、文件、模块等
在一个文件或模块中，export、import可以有多个，export default仅有一个
通过export方式导出，在导入时要加{ }，export default则不需要
export能直接导出变量表达式，export default不行。

← module.exports 和 import prefetch →